<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>DOM</h1>
<p>DOM是<cite>Document Object Model</cite>首字母简写，中文翻译为<b>文档对象模型</b>，是<i>W3C</i>组织推荐的处理可扩展标识语言的标准编程接口。</p>
<ul>
    <li>D表示文档，HTML文档结构。</li>
    <li>O表示对象，文档结构的JavaScript脚本化映射。</li>
    <li>M表示模型，脚本与结构交互的方法和行为。</li>
</ul>
<script type="text/javascript">

//工具函数，把NodeList转换为数组。
//参数nodes表示NodeList，返回值为数组或者null
function convertToArray(nodes){
    var array = null;
    try {
        array = Array.prototype.slice.call(nodes, 0); //非IE或者IE9+
    } catch (ex) {
        array = new Array();
        for (var i=0, len=nodes.length; i < len; i++){
            array.push(nodes[i]);
        }
    }
    return array;
}


var tag = document.getElementsByTagName("ul")[0];	// 获取列表元素
var a =  convertToArray(tag.childNodes);
a.reverse();
console.log(a[0].nodeType); //第1个节点类型，返回值为3，显示为文本节点
console.log(a[1].innerHTML); 	// 显示第2个节点包含的文本
console.log(a.length); 	// 包含子节点个数，nodeList长度
</script>
</body>
</html>
